//获取默认时间对象
let date = new Date();
//当页面第一次进入时，自动获取当前的时间
add();
function add(){
	//年
	let cYear=date.getFullYear();
	//月,它是一个数，0~11
	let cMonth=date.getMonth();
	//相当于数组的下标，所以通过它来获取数组内容
	let arr=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];
	//日
	//每个月的第一天是周几
	let zhou=new Date(cYear,cMonth,1).getDay();
	//获取每个月的天数（获取最后一天）,把时间确定为下个月的前一天
	let days=new Date(cYear,cMonth+1,0).getDate();
	//获取当前是几号
	let cDay=date.getDate();
	

	//获取年份后渲染到页面
	document.getElementById("nian").innerHTML=cYear;
	//获取月份后渲染到页面
	document.getElementById("yue").innerHTML=arr[cMonth];
	
	//将天数动态渲染到页面
	let html="";
	//知道每个月的第一天是周几之后，用空白元素往后挪
	for(let i=0;i<zhou;i++){
		html+='<li></li>';
	}
	
	for(let i=1;i<=days;i++){
		//如果与当前天匹配，那么加一个样式
		if(i==cDay){
			html+='<li class="active">'+i+'</li>';
		}else{
			html+='<li class="hover">'+i+'</li>'
		}
	}
	document.getElementById("date").innerHTML=html;
}

//上一月
document.getElementById("prev").onclick=function(){
	date.setMonth(date.getMonth()-1);
	add();
};

//下一月
document.getElementById("next").onclick=function(){
	date.setMonth(date.getMonth()+1);
	add();
};